<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
        <title>Test Netzwerkkomponenten</title>
        <link rel="stylesheet" href="css/demos.css" media="screen" type="text/css">
        <style type="text/css">


        #Modell{
                width:342px;
                float:left;
                border:1px solid #000;
                background-color:#E2EBED;
                padding:3px;
                margin:2px;
                height:525px;
        }
        #Schicht{
                width:300px;
                margin:50px;
                float:left;
                height:500px;
        }
        .dragableBox,.dragableBoxRight{
                width:320px;
                height:20px;
                border:1px solid #000;
                background-color:#FFF;
                margin-bottom:6px;
                padding:10px;
                font-weight:bold;
                text-align:center;
        }
        div.dragableBoxRight{
                height:18px;
                width:80px;
                float:center;
                margin-right:5px;
                padding:2px;
                background-color:#E2EBED;
        }
        .dropBox{
                width:190px;
                border:0px;
                background-color:#E2EBED;
                height:400px;

                padding:3px;
                overflow:auto;
        }
        a{
                color:#F00;
        }

        .clear{
                clear:both;
        }
        img{
                border:0px;
        }
        </style>
        <test type="drag_drop" name="Test Netzwerkkomponenten">
			<dropfield title="ISO/OSI Referenzmodell">
				<drop id="1">Schicht 7</drop>
				<drop id="2">Schicht 6</drop>
				<drop id="3">Schicht 5</drop>
				<drop id="4">Schicht 4</drop>
				<drop id="5">Schicht 3</drop>
				<drop id="6">Schicht 2</drop>
				<drop id="7">Schicht 1</drop>
			</dropfield>
			<dragfield>
			<drag field="7" range="1">Repeater</drag>
            <drag field="7" range="1">Hub</drag>
            <drag field="1" range="7">Gateway</drag>
            <drag field="4" range="2">Switch</drag>
            <drag field="5" range="2">Router</drag>
            <drag field="6" range="1">Bridge</drag>
            </dragfield>
			<description>Bei diesem Test handelt es sich um einen Drag &amp; Drop Test.

Ordnen Sie die Schichten des ISO/OSI Modells per Drag &amp; Drop den richtigen Feldern zu.

Dabei m&uuml;ssen Sie versuchen die verschiedenen Schichten des ISO OSI Referenzmodells in die richtige Reihenfolge zu bringen. 
Klicken Sie dazu ein Objekt an und halten Sie die linke Maustaste gedr&uuml;ckt. Ziehen Sie nun die entsprechende Schicht auf ihren Platz und lassen Sie die Taste los.
			</description>
		</test>
</head>
<body>

        <div id="header"><a href="/index.html"></a></div>
        <div id="mainContainer">


                <div class="konaBody">
                </div>
                <div id="Modell">
                        <p align="center"><b>ISO/OSI Referenzmodell</b></p>
                        <div id="dropContent">
                                Schicht 7
                                <div class="dragableBox" id="box1"></div>
                                Schicht 6
                                <div class="dragableBox" id="box2"></div>
                                Schicht 5
                                <div class="dragableBox" id="box3"></div>
                                Schicht 4
                                <div class="dragableBox" id="box4"></div>
                                Schicht 3
                                <div class="dragableBox" id="box5"></div>
                                Schicht 2
                                <div class="dragableBox" id="box6"></div>
                                Schicht 1
                                <div class="dragableBox" id="box7"></div>
                        </div>

                </div>



                <div id="Schicht">
<input type="button" name="Weiter" value="Auswertung" onclick="javascript:Positionspruefung();">
<input type="button" name="Nochmal" value="Nochmal" onclick="javascript:location.reload();">
<div id="btnWeiter" style="visibility: hidden;"><input type="button" name="Weiter" value="Weiter" onclick="" id="Weiter" /></div>       <br>

  <br>  <br>

                        <div id="box102" class="dragableBoxRight">Repeater</div>
                        <div id="box106" class="dragableBoxRight">Hub</div>
                        <div id="box101" class="dragableBoxRight">Gateway</div>
                        <div id="box104" class="dragableBoxRight">Switch</div>
                        <div id="box105" class="dragableBoxRight">Router</div>
                        <div id="box103" class="dragableBoxRight">Bridge</div>

<!--      <div id="box106" class="dragableBoxRight">Sicherungsschicht</div>  -->

                        <br><br>




                </div>


                <div class="clear"></div>
                <div class="konaBody"></div>
        </div>

<div id="debug"></div>
</body>
</html>